<template>
  <div>
    <div class="pinlun">
      <div class="pl-top">
        <div class="touxiang">
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/user-avatar/2f3b35aa-44f8-4593-b19f-68b8a1f65dbe.jpg?thumb=150x150"
            alt=""
          />
        </div>
        <h1>卢炳伟</h1>
        <span>
          <img
            src=""
            alt=""
          />
          Redmi Note 11 Pro+
        </span>
        <i>
          <img
            src=""
            alt=""
          />
        </i>
      </div>
      <div class="pl-mai">
        <p>Q3小米/Redmi在德国市场持续增长，稳固第三名的位置上持续提升份额，不断拉近和第一第二名的差距。2022年在供货短缺缓解后应该会有更佳表现！</p>
        <img
          src="https://cnbj1.fds.api.xiaomi.com/feeds-content-api/retail-data/WEIBO_IMAGES/4704540974125174_7d1b2e266b27222bcc60b7de123c02a9.jpg"
          alt=""
        />
        <div class="pl-mai-b">
          <span>xxxxxxxxx :</span>
          <p>坐等 K50，关键什么时候出来</p>
        </div>
      </div>
      <div class="pl-bot">
          <span><img src="https://m.mi.com/static/img/m_b_share.ac01313399.png" alt=""></span>
          <span><img src="https://m.mi.com/static/img/m_b_msg.1f9f89973f.png" alt="">7</span>
          <span><img src="https://m.mi.com/static/img/m_b_praise_a.b483bc60a9.png" alt="">149</span>
      </div>
    </div>

    <div class="pinlun">
      <div class="pl-top">
        <div class="touxiang">
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/user-avatar/2f3b35aa-44f8-4593-b19f-68b8a1f65dbe.jpg?thumb=150x150"
            alt=""
          />
        </div>
        <h1>卢炳伟</h1>
        <span>
          <img
            src=""
            alt=""
          />
          Redmi Note 11 Pro+
        </span>
        <i>
          <img
            src=""
            alt=""
          />
        </i>
      </div>
      <div class="pl-mai">
        <p>Q3小米/Redmi在德国市场持续增长，稳固第三名的位置上持续提升份额，不断拉近和第一第二名的差距。2022年在供货短缺缓解后应该会有更佳表现！</p>
        <img
          src="https://cnbj1.fds.api.xiaomi.com/feeds-content-api/retail-data/WEIBO_IMAGES/4704540974125174_7d1b2e266b27222bcc60b7de123c02a9.jpg"
          alt=""
        />
        <div class="pl-mai-b">
          <span>xxxxxxxxx :</span>
          <p>坐等 K50，关键什么时候出来</p>
        </div>
      </div>
      <div class="pl-bot">
          <span><img src="https://m.mi.com/static/img/m_b_share.ac01313399.png" alt=""></span>
          <span><img src="https://m.mi.com/static/img/m_b_msg.1f9f89973f.png" alt="">7</span>
          <span><img src="https://m.mi.com/static/img/m_b_praise_a.b483bc60a9.png" alt="">149</span>
      </div>
    </div>

    <div class="pinlun">
      <div class="pl-top">
        <div class="touxiang">
          <img
            src="https://cdn.cnbj1.fds.api.mi-img.com/user-avatar/2f3b35aa-44f8-4593-b19f-68b8a1f65dbe.jpg?thumb=150x150"
            alt=""
          />
        </div>
        <h1>卢炳伟</h1>
        <span>
          <img
            src=""
            alt=""
          />
          Redmi Note 11 Pro+
        </span>
        <i>
          <img
            src=""
            alt=""
          />
        </i>
      </div>
      <div class="pl-mai">
        <p>Q3小米/Redmi在德国市场持续增长，稳固第三名的位置上持续提升份额，不断拉近和第一第二名的差距。2022年在供货短缺缓解后应该会有更佳表现！</p>
        <img
          src="https://cnbj1.fds.api.xiaomi.com/feeds-content-api/retail-data/WEIBO_IMAGES/4704540974125174_7d1b2e266b27222bcc60b7de123c02a9.jpg"
          alt=""
        />
        <div class="pl-mai-b">
          <span>xxxxxxxxx :</span>
          <p>坐等 K50，关键什么时候出来</p>
        </div>
      </div>
      <div class="pl-bot">
          <span><img src="https://m.mi.com/static/img/m_b_share.ac01313399.png" alt=""></span>
          <span><img src="https://m.mi.com/static/img/m_b_msg.1f9f89973f.png" alt="">7</span>
          <span><img src="https://m.mi.com/static/img/m_b_praise_a.b483bc60a9.png" alt="">149</span>
      </div>
    </div>

    
  </div>

  
</template>

<script>
export default {};
</script>

<style scoped>
.pl-top {
  height: 0.51rem;
  width: 3.5rem;
  position: relative;
  margin: 0 auto;
  padding: 0.1rem;
}
.pl-top h1 {
  display: inline-block;
  font-size: 0.12rem;
  font-weight: 500;
  color: #161616;
  line-height: 1.4;
  position: absolute;
  top: 0.1rem;
  left: 0.45rem;
}
.pl-top span {
  position: absolute;
  left: 0.45rem;
  top: 0.28rem;
  font-size: 0.12rem;
  color: #161616;
  padding-left: 0.1rem;
}
.pl-top span img {
  width: 0.06rem;
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 0.05rem;
}
.pl-top i {
  position: absolute;
  right: 0.1rem;
  top: 0.2rem;
}
.pl-top i img {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
}
.touxiang {
  display: inline-block;
}
.touxiang img {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
}

.pl-mai{
    width: 3.5rem;
    margin: .1rem auto;
    font-size: .15rem;
    
}
.pl-mai img{
    border-radius: .1rem;
    margin: .1rem 0;
}
.pl-mai-b span{
    font-size: .13rem;
    color: #666666;
}
.pl-mai-b p{
    display: inline-block;
    font-size: .13rem;
}
.pl-bot{
    height: .15rem;
    font-size: .12rem;
    color: #666666;
    display: flex;
    justify-content: space-around;
}
.pl-bot span{
    width: .5rem;
}
.pl-bot img{
    width: .2rem;
    height: .2rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .05rem;
}
</style>